<!doctype html>
<html class="signin no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <title>Cameo |  首页  </title>

    {include file="common/css" /} 

    <style>
    iframe{
        height: 100%;
        width: 100%;
        border-top: 1px solid #ccd0d8;
        border-left:none;
        border-right:none;
        border-bottom:none;
        padding-bottom: 20px;

    }
    .iframe-main{
        height: 100%;
        width: 100%;
    }

    .show-on-hover>a::after{
        content:"\f103";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
    }
    .small-sidebar .show-on-hover>a::after{
        content:"";
    }
    .collapse-open>a::after{
        content:"\f102";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
    }
    .small-sidebar .collapse-open>a::after{
        content:"";
    }
    </style>
</head>
<body>
    <div class="app small-sidebar-1">

		<!-- header navbar -->
		<header class="header header-fixed navbar">
            <div class="brand">
                <a href="javascript:;" class="fa fa-bars off-left visible-xs" data-toggle="off-canvas" data-move="ltr"></a>
                <a href="index.html" class="navbar-brand text-white">
                    <i class="fa fa-stop mg-r-sm"></i>
                    <span class="heading-font">Cameo
                        <b>ADMIN</b>
                    </span>
                </a>
            </div>


            <form class="navbar-form navbar-left hidden-xs" role="search">
                <div class="form-group">
                    <button class="btn no-border no-margin bg-none no-pd-l" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                    <input type="text" class="form-control no-border no-padding search" placeholder="搜索关键字"></div>
            </form> 


            <ul class="nav navbar-nav navbar-right off-right">
                <li class="hidden-xs">
                    <a href="javascript:;">  {$admin_user.nickname}</a></li>
                <li class="notifications dropdown hidden-xs">
                    <a href="javascript:;" data-toggle="dropdown">
                        <i class="fa fa-bell"></i>
                        <div class="badge badge-top bg-danger animated flash">2</div></a>
                    <div class="dropdown-menu dropdown-menu-right animated slideInRight">
                        <div class="panel bg-white no-border no-margin">
                            <div class="panel-heading no-radius">
                                <small>
                                    <b>通知</b>
                                </small>
                                <small class="pull-right">
                                    <a href="javascript:;" class="mg-r-xs">标记为已读</a>&#8226;
                                    <a href="javascript:;" class="fa fa-cog mg-l-xs"></a></small>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
                                            <img src="/static/admin/picture/face4.jpg" class="avatar avatar-sm img-circle" alt=""></span>
                                        <div class="m-body show pd-t-xs">
                                            <span>Dean Winchester</span>
                                            <span>Posted on to your wall</span>
                                            <small>2 mins ago</small></div>
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
                                            <span class="fa-stack fa-lg">
                                                <i class="fa fa-circle fa-stack-2x text-warning"></i>
                                                <i class="fa fa-download fa-stack-1x fa-inverse"></i>
                                            </span>
                                        </span>
                                        <div class="m-body show pd-t-xs">
                                            <span>145 MB download in progress.</span>
                                            <div class="progress progress-xs mg-t-xs mg-b-xs">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
                                            </div>
                                            <small>Started 23 mins ago</small></div>
                                    </a>
                                </li>
                            </ul>
                            <div class="panel-footer no-border">
                                <a href="javascript:;">查看全部</a></div>
                        </div>
                    </div>
                </li>
                <li class="quickmenu">
                    <a href="javascript:;" data-toggle="dropdown">
                        <img src="/static/admin/picture/avatar.jpg" class="avatar pull-left img-circle" alt="user" title="user">
                        <i class="caret mg-l-xs hidden-xs no-margin"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right mg-r-xs">
                        <li>
                            <a href="javascript:;">
                                <div class="pd-t-sm">{$admin_user.email}
                                    <br>
                                    <small class="text-muted">4.2 MB of 51.25 GB used</small></div>
                                <div class="progress progress-xs no-radius no-margin mg-b-sm">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="profile.html">设置</a>
                        </li>
                        <li>
                            <a href="javascript:;">升级</a>
                        </li>
                        <!-- <li>
                            <a href="javascript:;">通知
                                <div class="badge bg-danger pull-right">3</div>
                            </a>
                        </li> -->
                        <li>
                            <a href="javascript:;">帮助 ?</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="{:url('login/quit')}">注销</a>
                        </li>
                    </ul>
                </li>
            </ul>
		</header>
        
        <!-- layout -->
        <section class="layout">
            
			<!-- sidebar left  -->
			{include file="common/sidebar" /} 


			<!-- main-content -->
            <section class="main-content">
                <div class="row tab">
                    <ul>
                        <div class="prev angle-left hidden-xs">
                            <i class="fa fa-angle-double-left"></i>
                        </div>
                        <li class="main active">
                            <a href="javascript:;" src="{:url('index/main')}" target="main">控制台</a>
                        </li>
                        <div class="last next hidden-xs">
                            <i class="fa fa-angle-double-right "></i>
                        </div>
                                            
                    </ul>
                </div>

                <!-- main -->
                <div class="iframe-main">
                    <iframe src="{:url('index/main')}" class="main"  name="main" ></iframe>
                </div>
                <!-- main -->

			</section>
            <!-- main-content -->

		</section>
		
    </div>


</body>
</html>

<!-- js -->
<!-- http://davidjbradshaw.github.io/iframe-resizer/ -->
<script src="/static/admin/js/iframeResizer.min.js"></script>
<script src="/static/admin/js/iframeResizer.contentWindow.min.js"></script>

<script>
    iFrameResize({ 
        autoResize: true,
        minHeight: 100,
        scrolling: true
    });
</script>

<!-- 处理 移动端点击延迟事件  -->
<script src="/static/admin/js/fastclick.js"></script>

<!-- 滑动导航栏 -->
<script src="/static/admin/js/off-canvas.js"></script>
<script src="/static/admin/js/main.js"></script>
<script src="/static/admin/js/panel.js"></script>